<layout name='layout_page' />

<div class="row">
	<div class="col-lg-12">
		<div class="row">
			<div class="col-lg-12">
				<ol class="breadcrumb">
					<li><a href="<{:U('Index/index')}>">Home</a></li>
					<li>My Mentees</li>
					<li class="active"><span>Learning</span></li>
				</ol>
				<h1>Learning</h1>
			</div>
		</div>


		<div class="row">
			<volist name="list" id="vo">
			<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
				<div class="main-box clearfix profile-box-contact">
					<div class="main-box-body clearfix">
						<div class="profile-box-header gray-bg clearfix">
							<div class="profile-img">
								<img src="<{$vo.user.face|getFace=###}>"  class="img-responsive"/>
								<eq name="vo.status" value="0"><span class="label label-success">Learning</span><else/><span class="label label-danger">Graduation</span></eq>
							</div>
							<h2><{$vo.user.nickname}></h2>
							<ul class="contact-details">
								<li><i class="fa fa-map-marker"></i> <{$vo.user.address}></li>
								<li><i class="fa fa-phone"></i> <{$vo.user.phone}></li>
								<li><i class="fa fa-calendar"></i> <{$vo.createTime|date="F,d,Y H:i:s",###}></li>
							</ul>
							<div class="trainItem">
								<span class="label label-primary"><{$vo.trainItem}></span>
							</div>
						</div>
						<div class="mentees-footer">
							<a href="<{:U('Mentees/detail',array('id'=>$vo['menteesID']))}>" class="btn btn-success" style="margin-bottom: 5px;"><i class="fa fa-bars"></i> Info</a>
							<a href="javascript:void(0)" style="margin-bottom: 5px;" onclick="openWindow('Send message','<{:U('Message/send',array('toID'=>$vo['menteesID']))}>',600,400)" class="btn btn-success"><i class="fa fa-send"></i> Email</a>
							<a href="<{:U('Plan/create',array('trainID'=>$vo['id']))}>" style="margin-bottom: 5px;" class="btn btn-success"><i class="fa fa-file"></i> Plan</a>
							<a onclick="openWindow('Instant Chat','<{:U('Message/chat',array('toID'=>$vo['menteesID']))}>',650,550)" class="btn btn-success" style="margin-bottom: 5px;"><i class="fa fa-comment-o"></i> Chat</a>
							<a href="javascript:;" style="margin-bottom: 5px;" onclick="openWindow('Appointment','<{:U('Appointment/add',array('toID'=>$vo['menteesID']))}>',600,500)" class="btn btn-success"><i class="fa fa-clock-o"></i> Appointment</a>
							<a href="javascript:;" style="margin-bottom: 5px;" onclick="graduate(<{$vo['id']}>);" class="btn btn-danger">Graduate</a>
						</div>
					</div>
				</div>
			</div>
			</volist>
		</div>

		<div class="row">
			<div class="col-md-12">
				<div class="page">
					<nav>
	  					<ul class="pagination"><{$page}></ul>
	  				</nav>
	  			</div>
			</div>
		</div>	
	</div>
</div>